<template>
    <div class="header">
        <span class="iconfont icon-fanhuijian fanhui"></span>
        <div class="search">
            <span class="iconfont icon-fangdajing fangdajing"></span>
            <input type="text" class="shuru"  placeholder="请输入城市名称">
        </div> 
        <span class="queding">确认</span>    
    </div>
</template>

<script>


import './tools/font_i5odo96xeyk/iconfont.css'

export default{

}
</script>

<style lang='stylus' scoped>
.header
    padding 0.05rem 0.15rem
    display flex
    background-color  #FFF

.search
    height 0.35rem
    flex-grow 1
    margin-right 0.08rem
    margin-top 0.05rem
    border-radius 0.15rem
    background-color #F8F8F9
    border none
    padding 0.08rem 0.07rem 0 0.15rem
    color #aaa
.fanhui
    margin-top 0.1rem
    margin-right 0.1rem
.queding
    font-size 0.17rem
    margin-top 0.1rem
    color blue
.fangdajing
    margin-right 0.05rem
.shuru
    border: none;
    outline: none;
    background-color #F8F8F9


</style>
<style lang="stylus">
body
    background-color  #F8F8F9
</style>